<template>
  <div class="report-text">
    <div class="text-title">
      请输入姓名及身份证号，或点击
      <div class="text-img-box">
        <img :src="sfzPic" alt class="text-img1" />
      </div>上传身份证图片OCR输入
    </div>
    <div class="text-name">
      <span class="text-width-96px">姓名</span>
      <input type="text" class="text-input" placeholder="请输入姓名" />
    </div>
    <div class="text-sfz">
      <span class="text-width-96px">身份证号</span>
      <input type="text" class="text-input" placeholder="请输入身份证号" />
    </div>
    <div>
      <div type="button" class="text-input-button" @click="GoAuthentication">
        <img :src="orcPic" alt />
        <span class="text-button-text">开始核验</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
        sfzPic: require("@/assets/image/身份证.png"),
         orcPic: require("@/assets/image/orc.png")
    };
  },
  methods: {
    GoAuthentication() {
      this.$router.push({ name: "Authentication" });
    }
  }
};
</script>
<style lang="less" scoped>

.text-title {
  width: 491px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 38px;
  padding-left: 52px;
}
.text-img-box {
  display: inline-block;
  height: 25px;
}
.text-img1 {
  position: relative;
  top: 3px;
}
.report-text {
  width: 555px;
  margin: 0 auto;
  margin-top: 81px;
}
.report-text span {
  display: inline-block;
}
.text-width-96px {
  width: 96px;
  text-align: right;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-right: 33px;
}
.text-width-96px::before {
  content: "* ";
  color: red;
}
.text-input {
  width: 410px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid rgba(221, 221, 221, 1);
  outline: none;
  padding-left: 10px;
  margin-bottom: 20px;
}
.text-input-button {
  display: inline-block;
  width: 234px;
  height: 52px;
  background: rgba(20, 123, 253, 1);
  box-shadow: 0px 4px 12px 0px rgba(20, 123, 253, 0.6);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 129px;
  cursor: pointer;
}
.text-button-text {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  margin-left: 8px;
}
</style>